<ui:composition xmlns="http://www.w3.org/1999/xhtml"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:p="http://primefaces.org/ui"
		template="../resources/template/template_bootstrap.xhtml">

		<ui:define name="title">Gerar newsletter</ui:define>

		<ui:define name="conteudo">

				<h:form id="frm" prependId="false">

						<div class="row-fluid">
								<div class="span12">
										<h:outputText
												value="Selecione os produtos desejados e clique em incluir para adicioná-los à newsletter" />
								</div>
						</div>

						<p:dataTable value="#{newsletterMB.produtoDM}" var="produto"
								selection="#{newsletterMB.produtosSelecionados}"
								filteredValue="#{newsletterMB.produtoFiltro}" rows="10"
								rowsPerPageTemplate="10,20,30" paginatorAlwaysVisible="false"
								paginator="true" emptyMessage="Nenhum registro incluido."
								styleClass="tabela-carrinho" lazy="false">

								<p:column selectionMode="multiple" style="width:2%" />

								<p:column headerText="Categoria"
										sortBy="#{produto.categoria.nome}"
										filterBy="#{produto.categoria.nome}">
										<h:outputText value="#{produto.categoria.nome}" />
								</p:column>

								<p:column headerText="Produto" filterBy="#{produto.nome}"
										sortBy="#{produto.nome}">
										<h:outputText title="#{produto.nome}"
												value="#{produto.nome.toString().substring(0,(produto.nome.length()>50 ? 50 : produto.nome.length()))}" />
							#{produto.nome.length() > 50 ? "..." : ""}
						</p:column>


								<p:column headerText="Modelo" filterBy="#{produto.modelo}"
										sortBy="#{produto.modelo}">
										<h:outputText value="#{produto.modelo}" />
								</p:column>


								<p:column headerText="Fabricante">
										<h:outputText value="#{produto.fabricante}" />
								</p:column>

								<p:column headerText="Preço de Venda">
										<h:outputText value="#{produto.preco_venda}">
												<f:convertNumber type="currency"></f:convertNumber>
										</h:outputText>
								</p:column>

								<f:facet name="footer">
										<p:commandLink
												actionListener="#{newsletterMB.adicionarProdutos}"
												value="Incluir" styleClass="btn-virtual" update="@form" />
								</f:facet>
						</p:dataTable>
				</h:form>
				
				
				
				<h:form prependId="false" id="frmSelecionados">
						<p:outputPanel layout="block"
								rendered="#{newsletterMB.produtosEnviar.size() > 0}">
								<div class="row-fluid">
										<div class="span12">
												<h:outputText
														value="Verifique os produtos selecionados abaixo, e clique em continuar para gerar a newsletter!" />
										</div>
								</div>

								<p:dataTable value="#{newsletterMB.produtosEnviar}" var="p"
										filteredValue="#{newsletterMB.produtoFiltro}" rows="10"
										rowsPerPageTemplate="10,20,30" paginatorAlwaysVisible="false"
										paginator="true" emptyMessage="Nenhum registro incluido."
										styleClass="tabela-carrinho" lazy="false">


										<f:facet name="Produtos selecionados." />

										<p:column headerText="Categoria"
												sortBy="#{produto.categoria.nome}"
												filterBy="#{produto.categoria.nome}">
												<h:outputText value="#{produto.categoria.nome}" />
										</p:column>

										<p:column headerText="Produto" filterBy="#{produto.nome}"
												sortBy="#{produto.nome}">
												<h:outputText title="#{produto.nome}"
														value="#{produto.nome.toString().substring(0,(produto.nome.length()>50 ? 50 : produto.nome.length()))}" />
							#{produto.nome.length() > 50 ? "..." : ""}
						</p:column>


										<p:column headerText="Modelo" filterBy="#{produto.modelo}"
												sortBy="#{produto.modelo}">
												<h:outputText value="#{produto.modelo}" />
										</p:column>


										<p:column headerText="Fabricante">
												<h:outputText value="#{produto.fabricante}" />
										</p:column>

										<p:column headerText="Preço de Venda">
												<h:outputText value="#{produto.preco_venda}">
														<f:convertNumber type="currency"></f:convertNumber>
												</h:outputText>
										</p:column>

								</p:dataTable>

						</p:outputPanel>


				</h:form>

		</ui:define>

</ui:composition>